html, body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dd, form, fieldset, legend, input, select, textarea, button, caption, th, td, blockquote, pre {
  margin: 0;
  padding: 0; }

input, select, textarea, button {
  vertical-align: middle;
  font-size: 100%;
  font-family: "Microsoft Yahei";
  outline: 0; }

body {
  font: normal normal normal 12px/20px Arial,sans-serif;
  background-color: #f5f5f5; }

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; }

.header {
  background-color: #fff;
  padding: 20px 0; }
  .header .logo {
    position: relative;
    margin: 0 auto;
    width: 1000px; }
    .header .logo img {
      width: 345px;
      height: 53px; }
    .header .logo div {
      width: 402px;
      height: 40px;
      background: url(../img/login-right.png) no-repeat;
      position: absolute;
      right: 0;
      top: 15px; }

a {
  text-decoration: none; }

i {
  background: url(../img/loginsprite.png) no-repeat; }

.samebg, .content .right-content div.login-wrap .bottom .view .login-icon a.qqicon, .content .right-content div.login-wrap .bottom .view .login-icon a.xinicon {
  margin: 10px 17px 0 0;
  border: 1px solid #eee;
  display: inline-block;
  background: url(../img/loginsprite.png) no-repeat;
  padding-left: 36px;
  width: 38px;
  height: 32px;
  line-height: 32px;
  color: #666; }

.samebox, .content .right-content div.login-wrap .top form .com-login .loginname, .content .right-content div.login-wrap .top form .com-login .lognword, .content .right-content div.login-wrap .top form .phone-login .loginname, .content .right-content div.login-wrap .top form .phone-login .codebox .leftin, .content .right-content div.login-wrap .top form .phone-login .phonebox .get-mima {
  color: #999;
  width: 268px;
  height: 32px;
  border: 1px solid #ddd;
  background: #fff;
  position: relative;
  margin-bottom: 19px;
  border-radius: 3px;
  webkit-box-shadow: .5px 1px 1px #f0f0f0 inset;
  -moz-box-shadow: .5px 1px 1px #f0f0f0 inset;
  -ms-box-shadow: .5px 1px 1px #f0f0f0 inset;
  -o-box-shadow: .5px 1px 1px #f0f0f0 inset;
  box-shadow: .5px 1px 1px #f0f0f0 inset;
  padding-top: 1px; }

.sameinput, .content .right-content div.login-wrap .top form .com-login .loginname input, .content .right-content div.login-wrap .top form .com-login .lognword input, .content .right-content div.login-wrap .top form .phone-login .loginname input, .content .right-content div.login-wrap .top form .phone-login .codebox .leftin > input, .content .right-content div.login-wrap .top form .phone-login .phonebox .get-mima > input {
  width: 218px;
  background: #fff;
  color: #333;
  border: 0;
  padding: 6px 0 5px 5px;
  font-family: "Microsoft Yahei";
  border-radius: 5px;
  z-index: 100; }

.samelabel, .content .right-content div.login-wrap .top form .com-login .lognword label, .content .right-content div.login-wrap .top form .phone-login .codebox .leftin > label, .content .right-content div.login-wrap .top form .phone-login .phonebox .get-mima > label {
  position: absolute;
  top: 7px;
  left: 47px;
  font-size: 14px;
  color: #999;
  cursor: text; }

.content {
  margin: 0 auto;
  width: 1000px;
  padding: 40px 0;
  background-color: #f5f5f5;
  font-family: "Microsoft Yahei";
  font-size: 14px; }
  .content .left-content {
    float: left;
    width: 523px;
    margin-left: 20px; }
    .content .left-content a {
      color: #0185c6;
      text-decoration: none;
      outline: 0; }
      .content .left-content a img {
        padding: 30px 0;
        width: 523px;
        height: 370px; }
  .content .right-content {
    float: right;
    width: 350px;
    background-color: #fff; }
    .content .right-content ul.login_tab {
      height: 52px; }
      .content .right-content ul.login_tab li {
        float: left;
        height: 46px;
        width: 175px;
        display: inline-block;
        color: #333;
        font-size: 16px;
        text-align: center;
        line-height: 46px;
        cursor: pointer; }
      .content .right-content ul.login_tab li.nor {
        background-color: #e6e6e6;
        color: #666; }
    .content .right-content div.login-wrap {
      width: 350px;
      position: relative; }
      .content .right-content div.login-wrap .top {
        width: 270px;
        margin: 0 auto;
        padding-top: 46px; }
        .content .right-content div.login-wrap .top form .warnmsg {
          background: url(../img/loginsprite.png) no-repeat;
          padding: 0 8px 0 30px;
          display: block;
          width: 232px;
          position: absolute;
          left: 40px;
          height: 26px;
          line-height: 26px;
          background-position: 10px -69px;
          background-color: #fff7dc;
          border: 1px solid #f4e09d;
          font-size: 12px;
          color: #666;
          top: 6px;
          visibility: hidden;
          z-index: 10; }
        .content .right-content div.login-wrap .top form .successmsg {
          border: 1px solid #c9e2b5;
          background-color: #f4fbe3;
          padding: 0 8px 0 30px;
          display: block;
          width: 232px;
          position: absolute;
          left: 40px;
          height: 26px;
          line-height: 26px;
          font-size: 12px;
          color: #666;
          top: 6px;
          z-index: 10;
          background: url(../img/loginsprite.png) no-repeat;
          background-position: -124px -301px; }
        .content .right-content div.login-wrap .top form .com-login .loginname {
          border: 1px solid #dddddd; }
          .content .right-content div.login-wrap .top form .com-login .loginname i {
            width: 16px;
            height: 22px;
            display: block;
            background-position: -1px -208px;
            float: left;
            border-right: 1px solid #ddd;
            padding-right: 10px;
            margin: 6px 5px 0 10px; }
        .content .right-content div.login-wrap .top form .com-login .lognword i {
          width: 16px;
          height: 22px;
          display: block;
          float: left;
          border-right: 1px solid #ddd;
          background-position: -133px -187px;
          padding-right: 10px;
          margin: 6px 5px 0 10px; }
        .content .right-content div.login-wrap .top form .com-login .lognword .upcase em {
          background-position: -20px -66px;
          height: 6px;
          position: absolute;
          width: 40px;
          z-index: 10;
          overflow: hidden;
/*          background: url(../img/loginsprite.png) no-repeat; */}
        .content .right-content div.login-wrap .top form .com-login .lognword .upcase span {
          background: #fff4d9;
          border: 1px solid #ffd5a1;
          line-height: 21px;
          color: #333;
          margin-top: 1px;
          position: absolute;
          text-align: center;
          font-size: 12px;
          width: 95px;
          z-index: 2; }
        .content .right-content div.login-wrap .top form .com-login .auto-login {
          position: relative;
          margin-top: -11px;
          height: 20px;
          cursor: pointer; }
          .content .right-content div.login-wrap .top form .com-login .auto-login span {
            width: 116px;
            height: 20px;
            display: inline-block;
            padding-left: 20px;
            background: url(../img/logins2.png) no-repeat;
            background-position: -135px -375px; }
            .content .right-content div.login-wrap .top form .com-login .auto-login span label {
              color: #666;
              cursor: pointer; }
          .content .right-content div.login-wrap .top form .com-login .auto-login span.ahover {
            background-position: -135px -410px; }
          .content .right-content div.login-wrap .top form .com-login .auto-login > a {
            color: #666;
            float: right; }
            .content .right-content div.login-wrap .top form .com-login .auto-login > a:hover {
              color: #f60; }
        .content .right-content div.login-wrap .top form .com-login > a {
          width: 270px;
          height: 42px;
          display: block;
          background-color: #ff7800;
          border-radius: 3px;
          text-align: center;
          line-height: 42px;
          color: #fff;
          font-size: 20px;
          margin: 17px 0 7px;
          cursor: pointer; }
          .content .right-content div.login-wrap .top form .com-login > a:hover {
            text-decoration: none;
            color: #fff;
            background-color: #f63; }
        .content .right-content div.login-wrap .top form .com-login .register {
          margin-bottom: 51px;
          width: 280px; }
          .content .right-content div.login-wrap .top form .com-login .register > a {
            color: #0185c6;
            float: left;
            font-weight: 700; }
            .content .right-content div.login-wrap .top form .com-login .register > a:hover {
              color: #f60; }
          .content .right-content div.login-wrap .top form .com-login .register span {
            color: #666;
            float: left; }
        .content .right-content div.login-wrap .top form .phone-login .loginname i {
          width: 16px;
          height: 22px;
          display: block;
          background-position: -1px -208px;
          float: left;
          border-right: 1px solid #ddd;
          padding-right: 10px;
          margin: 6px 5px 0 10px; }
        .content .right-content div.login-wrap .top form .phone-login .loginname input {
          color: #999999; }
        .content .right-content div.login-wrap .top form .phone-login .codebox {
          position: relative; }
          .content .right-content div.login-wrap .top form .phone-login .codebox .leftin {
            width: 124px;
            display: inline-block;
            margin-bottom: 0; }
            .content .right-content div.login-wrap .top form .phone-login .codebox .leftin > input {
              width: 112px;
              padding: 6px 0 0 10px; }
            .content .right-content div.login-wrap .top form .phone-login .codebox .leftin > label {
              left: 10px; }
          .content .right-content div.login-wrap .top form .phone-login .codebox > img {
            position: absolute;
            width: 90px;
            height: 29px;
            top: 5px; }
        .content .right-content div.login-wrap .top form .phone-login .phonebox {
          position: relative;
          margin-top: 19px; }
          .content .right-content div.login-wrap .top form .phone-login .phonebox .get-mima {
            width: 125px;
            float: left;
            margin-bottom: 0;
            border: 1px solid #dddddd; }
            .content .right-content div.login-wrap .top form .phone-login .phonebox .get-mima > i {
              width: 16px;
              height: 22px;
              display: block;
              float: left;
              border-right: 1px solid #ddd;
              background-position: -133px -187px;
              padding-right: 10px;
              margin: 6px 5px 0 10px; }
            .content .right-content div.login-wrap .top form .phone-login .phonebox .get-mima > input {
              width: 70px; }
          .content .right-content div.login-wrap .top form .phone-login .phonebox > a {
            width: 128px;
            height: 32px;
            background-color: #f8f8f8;
            display: inline-block;
            position: absolute;
            border: 1px solid #ddd;
            border-radius: 3px;
            top: 0;
            left: 140px;
            text-align: center;
            line-height: 32px;
            color: #ff7800; }
            .content .right-content div.login-wrap .top form .phone-login .phonebox > a:hover {
              background-color: #f0f0f0;
              color: #ff7800; }
          .content .right-content div.login-wrap .top form .phone-login .phonebox > span {
            width: 106px;
            height: 34px;
            background-color: #ddd;
            position: absolute;
            text-align: center;
            line-height: 34px;
            margin-left: 162px;
            display: none; }
        .content .right-content div.login-wrap .top form .phone-login > a {
          width: 270px;
          height: 42px;
          display: block;
          background-color: #ff7800;
          border-radius: 3px;
          text-align: center;
          line-height: 42px;
          color: #fff;
          font-size: 20px;
          margin: 17px 0 7px;
          cursor: pointer; }
          .content .right-content div.login-wrap .top form .phone-login > a:hover {
            text-decoration: none;
            color: #fff;
            background-color: #f63; }
        .content .right-content div.login-wrap .top form .phone-login .register {
          margin-bottom: 51px;
          width: 280px; }
          .content .right-content div.login-wrap .top form .phone-login .register > a {
            color: #0185c6;
            float: left;
            font-weight: 700; }
            .content .right-content div.login-wrap .top form .phone-login .register > a:hover {
              color: #f60; }
          .content .right-content div.login-wrap .top form .phone-login .register span {
            color: #666;
            float: left; }
      .content .right-content div.login-wrap .bottom {
        margin: 25px 20px 30px 40px;
        position: relative; }
        .content .right-content div.login-wrap .bottom .view .login-icon {
          margin-top: 24px; }
          .content .right-content div.login-wrap .bottom .view .login-icon a:hover {
            color: #666;
            background-color: #f5f5f5; }
          .content .right-content div.login-wrap .bottom .view .login-icon a.qqicon {
            background-position: 8px -122px; }
          .content .right-content div.login-wrap .bottom .view .login-icon a.xinicon {
            background-position: 8px -153px; }

.footer {
  background-color: #fff;
  font-family: Arial;
  padding: 30px 0;
  color: #999; }
  .footer a {
    text-decoration: none; }
